@import "@automattic/color-studio/dist/color-variables";

%site-subscriptions-list-site-title {
	font-weight: 600;
	font-size: $font-code;
	line-height: 22px;
	color: $studio-gray-100;
	letter-spacing: -0.24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 10px;

	&:visited {
		color: $studio-gray-100;
	}

	&:hover {
		text-decoration: underline;
	}
}

%site-subscriptions-list-site-url {
	font-weight: 400;
	font-size: $font-body-extra-small;
	line-height: 18px;
	color: $studio-gray-40;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

	&:visited {
		color: $studio-gray-40;
	}

	&:hover {
		text-decoration: underline;
	}
}

%site-subscriptions-list-default-text {
	font-weight: 400;
	font-size: $font-body-small;
	line-height: 20px;
	letter-spacing: -0.15px;
	color: $studio-gray-60;
}
